/*==================== css start *********/

.h-about{
	margin-top:50px;
}
.bg-color{	
	background:#f6920f;
	padding:56px 0px;
}
.bg-color p{
	color: #333;
    margin: 36px auto;
    font-size: 20px;
    color: #fff;
}
.bg-color .learn-more{
	width:170px;
	height:42px;
	background:#fff;
	text-align:center;
	line-height:42px;
	margin:56px auto 0px;	
}
.bg-color img,.bg-color-gray img{
	transition:all 1.5s ease;
}
.bg-color .learn-more a{
	color:#f6920f;
	font-size:16px;
}
.bg-color-gray{
	background:#ededed;
	padding:56px 0px;
}
.bg-color-gray p{
	color: #333;
    margin: 36px auto;
    font-size: 20px;
    color: #333;
}
.bg-color-gray .learn-more{
	width:170px;
	height:42px;
	background:#f8b624;
	text-align:center;
	line-height:42px;
	margin:56px auto 0px;
	transition:all 0.5s ease-in;
}
.bg-color-gray .learn-more a{
	color:#fff;
	font-size:16px;
}
.bg-color:hover img,.bg-color-gray:hover img{
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}



.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.h-product{
	background:url(../images/pro-bg.jpg) no-repeat ;
	background-size:cover;
	margin-top:50px;
	padding-bottom:20px;
}
.column-titles{
	margin:50px auto;
}
.column-titles .long-line-left{
	width:3%;
	height:1px;
	background:#f8b624;
	display:block;
	margin-top:14px;
	margin-right:6px;
}
.column-titles .long-line-right{
	width:90%;
	height:1px;
	background:#f8b624;
	display:block;
	margin-top:14px;
	margin-left:   6px;
}
.column-titles .fj{
	font-size:20px;
}
.learn-block{
	width:170px;
	height:42px;
	background:#f8b624;
	margin-top:-20px;
	margin-right:42px;
	text-align:center;
	line-height:42px;
}
.learn-block a{
	color:#fff;
	text-decoration:none;
}
.bg-kuang{
	background:#e9e9e9;
}
.bg-kuang .scale{
	padding-top:20px;
	overflow:hidden;
}
.bg-kuang .scale img{	
	width: 100%;
	transition:all 0.5s ease;
}
.named-u{
	padding:16px;
	margin-top:16px;
}
.top-line{
	border-bottom:solid 1px #ccc;
	padding-bottom:10px;
	margin-bottom:6px;
	position:relative;
}
.top-line em{
	display:block;
	background:#f8b624;
	width:56px;
	height:1px;
	position:absolute;
	bottom:-1px;
	left:0;
	transition:all 0.5s ease;
}
.top-line span{
	font-size:16px;
}
.bottom-line strong{
	font-weight:normal;
}
.bottom-line .ctrl-on{
	margin-top:5px;
}
.swiper-wrapper.margin-03{
	margin-bottom:60px;
}
.bg-kuang:hover .top-line em{
	width:100%;
}
.bg-kuang:hover .scale img{
	transform:scale(1.1);
}

.h-strength{
	margin:50px auto;
}
#swiper-container2 .swiper-pagination{
	height:56px;
	padding:18px 26px 18px 0px;
	background:rgba(0,0,0,0.5);
	text-align:right;
}
#swiper-container2 .swiper-pagination-bullet{
	background:#f8b624 !important;	
}
#swiper-container2{
	position:relative;
}
.fixed{
	position:absolute;
	bottom:0px;
	left:20px;
	z-index:999
}
.fixed span{
	font-family:"微软雅黑";
	color:#fff;
	font-size:20px;
	line-height:56px;
}

.top-tuwen{
	position:relative;
}
.news-title{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,0.5);
	height:42px;
}
.news-title .tt{
	font-family:"微软雅黑";
	color:#fff;
	font-size:20px;
	line-height:42px;
}
.news-title .news-jia{
	background:#f8b624;
	height:42px;
	padding-top: 2px;
}
.news-title .news-jia a{
	font-size:26px;
	color:#fff;
}
.hot-pointer{
	margin-top:20px;
}
.big-tt{
	border-bottom:solid 1px #ececec;
	padding-bottom:10px;
	margin-bottom:10px;
}
.big-tt .n-txt{
	font-size:20px;
}
.big-tt span,.hot-pointer p{
	font-size:14px;
	color:#999;
	line-height:30px;
}
.map #container{
	height:500px;
}

.footer-boxs{
	background:#0d0d10;
	padding:40px 0px;
	margin-top:50px;
}
.navtab ul span{
	font-size:24px;
	color:#fff;
}
.navtab ul em{
	background:#fff;
	width:42px;
	height:4px;
	display:block;
	margin:8px 0px 24px;
}
.navtab ul li a{
	color:#fff;
	text-decoration:none;
	padding-right:60px;
}
.navtab ul li{
	margin-bottom:36px;
}
.code{
	margin-top:44px;
}
.code .ewm,.code .gzh{
	color:#fff;
	line-height:40px;
}
.f-top{
	border-bottom:solid 1px #1f1f1f;
	margin-bottom:22px;
}
.f-copyright .container,.f-copyright .a1{
	padding:0px;
}
.f-copyright .a1{
	display:block;
	margin-top:10px;
	color:#fff;
}
	
	
/* 页面导航	 */

.located{
	border-bottom:solid 1px #f3f3f3;
	height:60px;
	line-height:60px;
}
.ul-navigation,.ul-navigation-different{
	overflow:hidden;
}
.ul-navigation-different{
	width:40%;
	margin:0 auto;
}
.ul-navigation li{	
	float:left;
	width:20%;
	text-align:center;
}
.ul-navigation-different li{
	float:left;
	width:50%;
	text-align:center;
}
.ul-navigation-different li:nth-child(2){
	border-left:solid 1px #f3f3f3;	
}
.ul-navigation li:nth-child(2){
	border-left:solid 1px #f3f3f3;
	border-right:solid 1px #f3f3f3;
}
.ul-navigation li:nth-child(4){
	border-left:solid 1px #f3f3f3;
	border-right:solid 1px #f3f3f3;
}
.ul-navigation li a,.ul-navigation-different li a{
	color:#8c8c8c;
	text-decoration:none;
}
.ul-navigation li:hover,.ul-navigation-different li:hover {
	border-bottom: solid 1px #f8b624;
}


/* CSS */

.content-pagebox{
	margin-top:50px;
}
.single-page h2{
	margin-bottom:50px;
}
.single-page p{
	text-indent:28px;
	color:#6b6b6b;
	line-height:40px;
}
.single-page img{
	display:block;
	width: 100%;
	margin:50px auto;
}

.img_outkuang{
	border:solid 1px #f3f3f3;
	padding:5px;
	margin-bottom:30px;
}
.scale{
	overflow:hidden;
}
.scale img{
	transition:all 0.5s ease;
}
.img_outkuang a{
	text-decoration:none;
}
.img_section_txt{
	text-align:center;	
	line-height:42px;
	color:#8c8c8c;
}
.list-pic li:hover .scale img{
	transform:scale(1.1);
}


.magic-box h2{
	text-align:center;
}
.belonging,.belonging span{
	color:#a2a2a2;
}
.images-text img,.images-text-new img{
	display:block;
	margin:50px auto;
}
.back-top a{
	display:block;
	width:72px;
	height:72px;
	margin:0 auto;
	border:solid 1px #f3f3f3;
	border-radius:50%;
	text-align:center;
	text-decoration:none;
	line-height:72px;
	color:#a2a2a2;
}

.magic-box .last-date{	
	width:8%;
	border-right:solid 1px #f3f3f3;
	float:left;
}
.fj-exit{
	overflow:hidden;
	margin-bottom:30px;
	border-bottom:solid 1px #f3f3f3;
	padding-bottom:20px;
}
.magic-box li a{
	text-decoration:none;
}
.magic-box .last-date strong{
	display:block;
	width:50px;	
	text-align:right;
	font-size:26px;
	color:#333;
}
.magic-box .last-date span,.new-title p{
	color:#8c8c8c;
}
.new-title{
	width:89%;
	float:right;
}
.new-title h6{
	color:#333;
	font-size:18px;
	margin-top:5px;
}

.images-text-new{
	border-top:solid 1px #f3f3f3;
	margin:30px 0px 50px;
	padding-top:30px;
	line-height:46px;
}
.images-text-new p{
	text-indent:28px;
	line-height:46px;
	color:#7b7b7b;
}


.column-name{
	overflow:hidden;
	background:#f3f3f3;
	height:60px;
	line-height:60px;
}
.job-lists{
	overflow:hidden;
}
.job-lists .tt{
	line-height:60px;
	border-bottom:solid 1px #f3f3f3;
	color:#8c8c8c;
}
.job-lists .tt a{
	color:#8c8c8c;
}
.column-name .named,.job-lists .tt{
	width:25%;
	float:left;	
}
.job-titles h2{
	border-bottom:solid 1px #f3f3f3;
	padding-bottom:50px;	
}
.set-param{
	overflow:hidden;
	border-bottom:solid 1px #f3f3f3;
	padding:10px 15px;
}
.set-left span,.set-right span{
	color:#8c8c8c;
}
.set-left strong{
	display:block;
	font-size:26px;
	font-weight:normal;
}
.set-right strong{
	display:block;
	font-size:32px;
	font-weight:normal;
	color:#f8b624;
}
.set-left,.set-right{
	width:50%;
	float:left;
}
.sub-title{
	background: #f3f3f3;
    margin-top: 20px;
    line-height: 36px;
    padding-left: 15px;
    color: #6b6b6b;
}
.demand{
	padding:0px 15px;
}
.demand h2{
	text-align:left;
	font-size:26px;
	margin:40px 0px;
}
.demand p{
	line-height:36px;
	color:#8c8c8c;
}


.single-page-cc{
	margin:30px 0px;
}
.single-page-cc .map{
	margin-top:50px;
}
.icons p{	
	margin-top:30px;
}



.input-text{
	border: solid 1px #e8e8e8;    
    height: 32px;
    line-height: 32px;
}
.ib{
	margin-top: 7px;
}
textarea#message{
	border: solid 1px #e8e8e8;    
}



.pages{
	margin-top: 20px;
    text-align: center;
}
.pages a.a1,.pages a{
	color: #6d6d6d;
}
.pages span{
	color: #333;
}












@media screen and (min-width: 1679px){
    .h-about .container,.h-product .container,
	.h-strength .container,.h-nc .container,
	.footer-boxs .container,.f-copyright{
        width:1440px;
    }
}
@media screen and (min-width: 1200px) {
    .header .container {
        width:100%;
    }
} 

@media screen and (min-width: 1200px) and (max-width: 1678px){
    .h-nc .map #container{
		height:470px;
	}
	.header .left {
		width: 14%;
	}
	.column-titles .long-line-right{
		width: 88.9% !important;
	}
} 

@media screen and (min-width: 1600px) and (max-width: 1678px){
	.header .left {
		width: 12%;
	}
}

@media screen and (max-width: 767px){
	.header .left {
		width: 50%;
		margin-top:7px;
	}
	.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{
		background: #fff;
	}
	.header.on #navToggle span,.header.on #navToggle span:before,.header.on #navToggle span:after{
		background: #4f4f4f;
	}

	.h-about .n{
		padding-right: 7.5px;
	}
	.h-about .n-n{
		padding-left: 7.5px;
	}
	.bg-color{
		width: 100%;
	    margin: 0 auto 30px;
		background:#f6920f;
		padding:16px 0px;
	}	
	.bg-color-gray{
		width: 100%;
	    margin: 0 auto 30px;
		background:#ededed;
		padding:16px 0px;
	}
	.bg-color img, .bg-color-gray img{
		width: 33.3%;
	}
	.bg-color p,.bg-color-gray p{		
	    margin: 16px auto;	    
	}
	.bg-color .learn-more,.bg-color-gray .learn-more{
		margin: 10px auto 0px;
		height: 32px;
		line-height: 32px;
	}
	.bg-color-gray-xxs{
		margin-bottom: 0px;
	}

	.h-product{
		margin-top: 0px;
	}

	.column-titles{
		margin: 30px auto 36px;
	}

	.column-titles .long-line-right{
		width: 70% !important;
	} 
	.news-title .news-jia{
		text-align: center;
	}
	.f-copyright .a2{
		text-align: center;
		margin-top: 26px;
	}
	.ul-navigation-different{
		width:100%;
	}
	.magic-box .last-date{
		display: none;s
	}
	.new-title{
		width: 100%;
	}
	.single-page h2{
		font-size: 26px;
	}
	.single-page img,.images-text img{
		display: block;
		width:100%;
		margin: 0px auto;
	}
	.ul-xs-pro li{
		width: 50%;
	}
	.image-wrapper{
		width: 100% !important;
	}
	.ul-xs-pro li:nth-child(2){
		border-right: none;
	}
	.ul-xs-pro li:nth-child(3){		
		border-bottom: solid 1px #f3f3f3;
	}
	.ul-xs-pro li:nth-child(4){
		border-right: none;
		border-bottom: solid 1px #f3f3f3;
	}
	.ul-xs-pro li:nth-child(5){
		border-right: solid 1px #f3f3f3;
		border-bottom: solid 1px #f3f3f3;
	}
	.media{
		width: 100% !important;
    	height: 100%;
	}
	.content-pagebox-xxs,.content-pagebox-sx{
	    margin-top: 150px;
	}
	.content_c{
		line-height: 36px;
	}
	.map-xxs{
		margin-top: 50px;
	}
	.map-xxs #container{
		height: 300px;
	}
}

@media screen and (min-width: 767px) and (max-width: 992px){
	.header .left {
	    width: 28%;
	    margin-top: 5px;
	}
	.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{
		background: #fff;
	}
	.header.on #navToggle span,.header.on #navToggle span:before,.header.on #navToggle span:after{
		background: #4f4f4f;
	}
	.f-copyright .a1,.f-copyright .a2{
		text-align: center;
	}
	.f-copyright .a2{
		margin-top: 20px;
	}
}

@media screen and (min-width: 1122px) and (max-width: 1366px){
	.single-page img{
		display: block;
		width:100%;
		margin: 0px auto;
	}
}
.images-text-new img{
	max-width:100% !important;
}